@charset "utf-8";
/********************************
 * autor:豪情                   *
 * time:2009-04-               *
 * link:ikk8@qq.com            *
 * JAVA技术交流一群：38611691    *
 * JAVA技术交流二群：12457401    *
 * JAVA技术交流三群：3643843     *
 *******************************/ 
/* 首页样式 */
/* top */
#IndexAllWrap{margin: 0px auto; overflow: hidden; width: 920px;}
#Indexleftbox{float: left; overflow: hidden; width: 178px;}
#Indexmainbox{float: left; margin-left: 6px; overflow: hidden; width: 814px; text-align: left;}
#Head{background: url(../images/head_bg.gif) repeat-x; margin: 0px auto; overflow: hidden; width: 920px;}
#Head .logo{float: left; overflow: hidden; width:257px; height:81px;}
#Head .Help{float: left; margin-left: 20px; overflow: hidden; width: 643px; height: 82px;}
#Head .Help .topmenu{padding:3px 10px 0 0; text-align: right;}
#Head .Help .topmenu a{padding-right: 5px; padding-left: 5px; padding-bottom: 0px; padding-top: 0px;}
.TtopSarch{padding-top: 25px; text-align: center;}
.search{padding: 0px; display: inline;}
.search span{padding:0 5px;}
.inputstyle2{border: #ccc 1px solid; width: 90px; background-color: #fff}
#top{border-top: #cccccc 1px solid; margin: 0px auto; width: 100%; text-align: left;}
#topbar{margin: 0px auto; width: 920px;}
#topbar .logo{float: left; margin: 0px 0px 0px 10px; width: 230px; height: 82px;}
#topbar .topmenu{padding-right: 0px; padding-left: 0px; float: right; padding-bottom: 0px; padding-top: 0px; text-align: right;}
#topbar .topmenu a {margin: 0px 5px; color: #666; letter-spacing: 1px;}

/* menu */
#Menu{background: url(../images/menu_bg.gif) repeat-x; margin: 0px auto; overflow: hidden; width: 920px; height: 40px;}
#Menu li span{background: url(../images/red.gif) repeat-y;}
#Menu li a{padding-right: 10px; padding-left: 10px; padding-bottom: 0px; color: #cc050a; padding-top: 0px;}
#Menu li a:hover{ color:#000;}
#Menu li {padding: 0;font-weight: bold; font-size: 14px; background: url(../images/menu_bg2.gif) repeat-x; float: left; line-height: 40px;}
#Menu .ML{font-size: 1px; background: url(../images/menu_bg_left.gif) no-repeat; float: left; margin-left: 10px; width: 10px; line-height: 0px; height: 40px;}
#Menu .MR{font-size: 1px; background: url(../images/menu_bg_right.gif) no-repeat; float: left; width: 10px; line-height: 0px; height: 40px}
#SearchBar{padding: 0; background: url(../images/search_bg.gif) repeat-x;margin: 0px auto; width: 100%; height: 40px;text-align: center}
#foot2{clear: both; padding:20px 10px 0; margin-top: 30px;background: url(../images/footbg.gif) repeat-x;}
#foot2 DIV.infoitems{padding:35px 70px 0 0; float: left; margin-left: 20px; overflow: hidden; width: 210px;text-align: left; _width: 200px;}
#foot2 .shopping{background: url(../images/bottom_shopping.gif) no-repeat;}
#foot2 .qa{background: url(../images/bottom_qa.gif) no-repeat;}
#foot2 .help{background: url(../images/bottom_help.gif) no-repeat;}
#foot2 DIV.infoitems ul li a{display: block; padding-left: 15px; background: url(../images/articleitems.gif) no-repeat 0px 3px; width: 90%; color: #666; border-bottom: #ccc 1px dotted} 
#foot2 DIV.infoitems ul li a:hover{background: url(../images/articleitems.gif) no-repeat 3px 3px; border-bottom: #f90 1px solid;}
/* box -> left */
#Box{margin-top: 10px; overflow: hidden; width: 920px; text-align: left;}
#LeftBox{float: left; overflow: hidden; width: 187px;}
#RightBox{float: left; overflow: hidden; width: 206px;}
#MainBox{float: left; margin-left: 10px; overflow: hidden; width: 507px; margin-right: 10px;}
#CBox{float: left; margin-left: 10px; overflow: hidden; width: 713px;}
.Left187{border: #ee2f51 1px solid;margin-bottom:10px; overflow:hidden;width: 185px;}
.Title{padding-left:30px; font-weight: bold; background: url(../images/title_bg.jpg) repeat-x; color: #fff; line-height: 25px; height: 25px;}
.Left187 .body{padding:10px;text-align: left;}
.Left_Sp_187{margin-bottom: 10px; overflow: hidden; width: 187px;}
.IndexLoginWrap{ text-align:left;}
.IndexLoginWrap br{ clear:both;}
.IndexLoginWrap .loginform label{font-weight: normal; float: left; width: 40px; color: #666; text-align: right;}
.IndexLoginWrap .submitstyle{line-height: 16px;padding:0 8px;}
.IndexLoginWrap .button {border-top: #eee 1px solid; margin-top:5px; text-align: center;}
.IndexLoginWrap .button a{font-size: 12px; margin: 0px 6px;}
.IndexLoginWrap .loginbox{padding:4px; text-align: center;}
.IndexArticleWrap ul li{display:block; overflow:hidden; width:180px; line-height:22px; border-bottom:#525252 1px dashed; white-space:nowrap; height:22px; text-overflow:ellipsis;}
form{line-height: 23px;}
form label{padding:2px 0; display: block;font-weight: 700; float: left;width: 60px; color: #000; text-align: right;}
.inputstyle8{border: #a8c90a 1px solid;width: 100px;background-color: #fff;}
form br {clear: both}
.IndexLoginWrap .submitstyle{padding:0 8px; line-height: 16px;}
.IndexLoginWrap .button{border-top:#eee 1px solid; margin-top:5px; text-align: center;}
.CategoryIndexWrap {}
.CategoryIndexWrap dl{clear: both;}
.CategoryIndexWrap dl dt{margin-bottom: 2px;}
.CategoryIndexWrap dl dt a {clear:both; display:block; padding-left:15px; font-weight:700; background: url(../images/articleitems2.gif) no-repeat 0px 7px; margin: 0px 0px 5px; line-height:25px; height:22px;}
.CategoryIndexWrap dl dd {padding-left: 12px; margin-bottom: 6px;}
.CategoryIndexWrap dl dd a {display: block; background: url(../images/dotted.gif) repeat-x 50% bottom; float: left; margin-left: 2px; overflow: hidden; width: 48%; white-space: nowrap; text-overflow: ellipsis;}
.CategoryIndexWrap dl dd br{line-height:20px;_line-height:6px;}
.branch {display: block; vertical-align: middle; cursor: hand; height: 28px;}
.Left_Sp_187{margin-bottom: 10px; overflow: hidden; width: 187px;}
.Left_Sp_187 .Left_Sp_top{background: url(../images/sp_bg.jpg) no-repeat; height: 48px;}
.Left_Sp_187 .Left_Sp_Body{background: url(../images/sp_bg2.gif) repeat-y; padding:10px 0;text-align: center;}
.Left_Sp_187 .Left_Sp_Bottom{padding-right: 15px; background: url(../images/sp_bottom.gif) no-repeat 50% top; line-height: 40px; height: 30px; text-align: right;}
.INDEXGOODS_STYLE_VScroll_Wrap{overflow: hidden; width: 150px; text-align: center;}
.INDEXGOODS_STYLE_VScroll_Wrap .items{ margin:0 2px 10px;overflow: hidden; width: 150px;text-align: center;}
.INDEXGOODS_STYLE_VScroll_Wrap .items H1{padding:0px;font-weight:normal; font-size:12px;overflow:hidden; width:150px; color:#000;white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.INDEXGOODS_STYLE_VScroll_Wrap .items H1 a {color: #faa300;}
.INDEXGOODS_STYLE_VScroll_Wrap .items H1 a:hover{text-decoration: underline;}
.INDEXGOODS_STYLE_VScroll_Wrap .items .goodspic{border: #ccc 1px solid;font-size: 1px;width: 100px; line-height: 0px;height: 100px;}
.INDEXGOODS_STYLE_VScroll_Wrap P .items .goodspic a{}
.INDEXGOODS_STYLE_VScroll_Wrap .items .price2 {color: #ea1c43;}
.INDEXGOODS_STYLE_VScroll_Wrap .items .price1{text-decoration: line-through;}
.INDEXGOODS_STYLE_VScroll_Wrap .items .save{color: #000;}
.IndexLinkListWrap UL LI a{border: #fff 1px solid; display:block; background:#fff; margin:2px; color:#014ea8;text-align:left; _width:95%;}
.textright{ text-align:right;}
/* middle style */
#MainBox{float: left; margin-left: 10px; overflow: hidden; width: 507px; margin-right: 10px;}
.MainADVBanner{margin-bottom: 10px; width: 507px;}
.New {width:507px;}
.New .title {padding-left:10px; background:url(../images/new_title_bg.gif) no-repeat 50% bottom; color:#424242; line-height:27px; position:relative; height:27px;}
.New .title span {padding-left:18px; font-weight:bold;font-size:14px; background:url(../images/new_title_ar.gif) no-repeat 0 0; line-height:27px;}
.New .title .viewmore {right:10px; position:absolute;top:0px;}
.New .title .viewmore a {padding-right:15px; background: url(../images/new_title_mo.gif) no-repeat right 50%;}
.New .viewmore a:hover {text-decoration: underline;}
.New .body {padding: 4px 0;}
.TPL_New { padding:10px 0;overflow:hidden; width:500px;}
.TPL_New .items {float:left;overflow:hidden; width:120px;margin-right: 2px;margin-left: 2px;text-align:center;}
#MainBox li{ padding:2px 0;}
.TPL_New .items H1{padding:0px; font-weight:normal; font-size:12px; overflow:hidden; width:120px; color:#000; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.TPL_New .items H1 a {}
.TPL_New .items H1 a:hover {color: #ff9900;}
.TPL_New .items .goodspic {border: #ccc 1px solid; font-size:1px; width:100px; line-height:0px; height: 100px;}
.TPL_New .items .goodspic a {}
.TPL_New .items .price2 {color: #ea1c43;}
.GOODSNew{float: left; width: 240px;}
.GOODSNew .body{padding:4px 0;}
.GOODSLEFT{margin-right: 3px;}
.GOODSNew .title {padding-left:10px; background:url(../images/category_title_bg1.gif) no-repeat 50% bottom; color:#424242; line-height:27px; position:relative; height: 27px}
.GOODSNew .title SPAN{padding-left:18px; font-weight:bold; font-size:14px; background:url(../images/category_title_ar1.gif) no-repeat 0px 0px; line-height:27px;}
.GOODSNew .title .viewmore{right: 10px; position: absolute; top: 0px;}
.GOODSNew .title .viewmore A{padding-right: 15px; background: url(../images/category_title_mo1.gif) no-repeat right 50%;}
.GOODSNew .viewmore A:hover{text-decoration: underline;}
.GOODSNew .title2{padding-left: 10px; background: url(../images/category_title_bg2.gif) no-repeat 50% bottom; color: #424242; line-height: 27px; position: relative; height: 27px;}
.GOODSNew .title2 SPAN{padding-left: 18px; font-weight:bold; font-size:14px; background:url(../images/category_title_ar2.gif) no-repeat 0 0; line-height:27px;}
.GOODSNew .title2 .viewmore {right: 10px; position: absolute; top: 0px;}
.GOODSNew .title2 .viewmore A{padding-right: 15px; background: url(../images/category_title_mo2.gif) no-repeat right 50%;}
.GOODSNew .title3{padding-left: 10px; background: url(../images/category_title_bg3.gif) no-repeat 50% bottom; color: #424242; line-height: 27px; position: relative; height: 27px;}
.GOODSNew .title3 SPAN{padding-left:18px; font-weight:bold; font-size:14px; background:url(../images/category_title_ar3.gif) no-repeat 0px 0px; line-height: 27px;}
.GOODSNew .title3 .viewmore{right: 10px; position: absolute; top: 0px;}
.GOODSNew .title3 .viewmore A{padding-right: 15px; background: url(../images/category_title_mo3.gif) no-repeat right 50%;}
.GOODSNew .title4{padding-left:10px; background:url(../images/category_title_bg4.gif) no-repeat 50% bottom; color:#424242; line-height:27px; position:relative; height: 27px;}
.GOODSNew .title4 SPAN{padding-left:18px; font-weight:bold; font-size:14px; background: url(../images/category_title_ar4.gif) no-repeat 0px 0px; line-height:27px;}
.GOODSNew .title4 .viewmore{right: 10px; position: absolute; top: 0px;}
.GOODSNew .title4 .viewmore A{padding-right:15px; background: url(../images/category_title_mo4.gif) no-repeat right 50%;}
.INDEXGOODSNewWrap{padding:10px;overflow: hidden; width: 230px;height:135px;}
.INDEXGOODSNewWrap .items{float: left; margin-bottom: 10px; margin-left: 2px; overflow: hidden; width: 110px; margin-right: 2px; text-align: center;}
.INDEXGOODSNewWrap .items H1{padding:0px; font-weight:normal; font-size:12px;overflow:hidden; width:110px; color:#000; white-space:nowrap; text-overflow:ellipsis; text-align:center}
.INDEXGOODSNewWrap .items H1 A{}
.INDEXGOODSNewWrap .items H1 A:hover{color: #ff9900;}
.INDEXGOODSNewWrap .items .goodspic{border: #ccc 1px solid; font-size:1px; width:100px; line-height:0px;height: 100px;}
.INDEXGOODSNewWrap .items .goodspic A{}
.INDEXGOODSNewWrap .items .price2{color: #ea1c43;}
.INDEXGOODSNewWrap .items .price1{text-decoration: line-through;}
.items.INDEXGOODSNewWrap .save{color: #000;}
/* right style */
.Right202{border: #ee2f51 1px solid; margin-bottom: 10px; overflow: hidden; width: 204px;}
.Right202 .body{padding: 10px; text-align: left;}
.ad{font-size: 1px; line-height: 0px;}
.Right202_2{margin-bottom: 10px; overflow: hidden; width: 206px;}
.Right202_2 .QQ{padding: 0px; text-align: center;}
.Right202_2 SPAN{padding:5px 15px;}
.New{width: 507px;}
.New .title{padding-left: 10px; background: url(../images/new_title_bg.gif) no-repeat 50% bottom; color: #424242; line-height: 27px; position: relative; height: 27px;}
.New .title SPAN{padding-left: 18px; font-weight: bold; font-size: 14px; background: url(../images/new_title_ar.gif) no-repeat 0 0; line-height: 27px;}
.New .title .viewmore{right: 10px; position: absolute; top: 0px;}
.New .title .viewmore a{padding-right: 15px; background: url(../images/new_title_mo.gif) no-repeat right 50%;}
.New .viewmore A:hover{text-decoration: underline;}
.New .body{padding:4px 0;}
.IndexArticleWrap{}
.IndexArticleWrap UL LI{display: block; overflow: hidden; width: 180px; line-height: 22px; border-bottom: #525252 1px dashed; white-space: nowrap; height: 22px; text-overflow: ellipsis;}
.IndexArticleWrap UL A {}
.GOODSNew{float: left; width: 240px;}
.GOODSNew .body{ padding:4px 0;}
.TPL_HOT{margin-bottom: 5px; overflow: hidden; width: 180px;}
.TPL_HOT .hot{padding-bottom: 5px; width: 180px; padding-top: 5px; border-bottom: #eeeeee 1px solid;}
.TPL_HOT .hot .Name{float: left; width: 108px; text-align: left;}
.TPL_HOT .hot .Name LI{overflow: hidden; width: 100px; line-height: 22px; height: 22px;}
.TPL_HOT .price2{font-weight: bold; color: #ff5500;}
.TPL_HOT .hot .pic{border: #eeeeee 1px solid;float: left;}
.TPL_HOT IMG{width: 70px; height: 70px;}
.TPL_INDEXGOODS_STYLE_3_Wrap .items DT A{display: block; padding-left: 15px; background: url(../images/articleitems3.gif) no-repeat 0px 6px;}
.TPL_INDEXGOODS_STYLE_3_Wrap .items DD{padding: 0px;font-weight: bold;color: #ff5500; border-bottom: #eeeeee 1px solid; text-align: right;}
/*foot style*/
#foot{clear: both; padding:20px 10px 0;margin-top: 30px;background: url(../images/footbg.gif) repeat-x;}
#foot li{ padding:3px 0;}
#foot DIV.infoitems{padding-left: 70px; float: left; margin-left: 20px; overflow: hidden; width: 210px; padding-top: 35px; text-align: left; _width: 200px;}
#foot .shopping{background: url(../images/bottom_shopping.gif) no-repeat;}
#foot .qa{background: url(../images/bottom_qa.gif) no-repeat;}
#foot .help {background: url(../images/bottom_help.gif) no-repeat;}
#foot div.infoitems ul li a {display: block; padding-left: 15px; background: url(../images/articleitems.gif) no-repeat 0px 3px; width: 90%; color: #666; border-bottom: #ccc 1px dotted;}
#foot div.infoitems ul li a:hover {background: url(../images/articleitems.gif) no-repeat 3px 3px; border-bottom: #f90 1px solid;}
#foot .copyright {background: url(../images/footbg.gif) repeat-x; padding-top: 15px; text-align: center;}
#foot p {margin: 0px;padding:4px 0;}
#menubar {background: url(../images/top_bg.gif) repeat-x; color: #ffffff; line-height: 34px; height: 34px;}
#menubar A {font-weight: bold; color: #014ea8;}